@charset "UTF-8";
.va_wrap {
  text-align: center;
  white-space: nowrap;
}

.va_wrap img {
  vertical-align: middle;
  display: inline-block;
  *display: inline;
  zoom: 1;
  max-width: 100%;
  max-height: 100%;
}

.va {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  width: 0;
  height: 100%;
}

.va_tt {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  width: auto;
  height: auto;
  white-space: normal;
}

.wrapper {
  margin: 0 auto;
  width: 1200px;
  position: relative;
}

.cl {
  clear: both !important;
  display: block;
}

.tab-wrap .tab-content {
  display:none;
}


/* // 헤더    ---------------------------------------------------------------*/
#header {
  top: 0;
  width: 100%;
  z-index: 1000;
  transition: all 0.4s ease-out;
  background:#fff;
}
#header.fixed {
	position:fixed;
	left:0;
	top:0;
	right:0;
	margin-top:-127px;
	border-bottom: 1px solid #dedede;  
}

.header_top {
  border-bottom: 1px solid #ccc;
}

.header_top .logo_box {
  text-align: center;
  transition: all 0.3s;
  position: absolute;
  top: 49px;
  left: 0;
}

.header_top .logo_box a {
  background: url(../images/inc/logo.png) no-repeat 0 0;
  width: 233px;
  height: 41px;
  display: inline-block;
  transition: all 0.1s;
}

.header_top .header_quick {
  float: right;
  text-align: right;
  padding: 25px 0px;
}

.header_top .header_quick .search_area {
  width: 120px;
  display: inline-block;
  position: relative;
  text-align: left;
  background: url(../images/inc/search_line.png) repeat-x bottom;
  padding: 5px;
}

.header_top .header_quick .search_area .input_st1 {
  width: 80%;
  border: none;
  height: 30px;
  line-height: 30px;
  padding: 0;
  color: #444;
}

.header_top .header_quick .search_area .search {
  position: absolute;
  width: 30px;
  height: 30px;
  font-size: 0;
  background: url(../images/icon/search_i_02.png) no-repeat center;
  background-size: 17px;
  border: none;
  right: 0;
  bottom: 5px;
}

.header_top .header_quick .btn_area {
  margin-top: 12px;
  position: relative;
}

.header_top .header_quick .btn_area > div {
  display: inline-block;
  position: relative;
}

.header_top .header_quick .btn_area > div.icon_btn {
  margin-right: 95px;
}

.header_top .header_quick .btn_area > div.icon_btn ul li {
  display: inline-block;
  margin-left: 20px;
}

.header_top .header_quick .btn_area > div.icon_btn ul li a {
  display: block;
  font-size: 0.813em;
  font-weight: 700;
  color: #888;
}

.header_top .header_quick .btn_area > div.icon_btn ul li a .xi {
  font-size: 1.15em;
  color: #444;
  vertical-align: middle;
  margin-right: 5px;
}

.header_top .header_quick .btn_area > div.icon_btn ul li a img {
  display: inline-block;
  margin-right: 10px;
}

.header_top .header_quick .btn_area > div.lang_btn {
  position: absolute;
  right: 0;
  top: 1px;
}

.header_top .header_quick .btn_area > div.lang_btn ul {
  overflow: hidden;
}

.header_top .header_quick .btn_area > div.lang_btn ul li {
  float: left;
}

.header_top .header_quick .btn_area > div.lang_btn ul li a {
  display: block;
  font-size: 0.813em;
  font-weight: 700;
  color: #c30e2e;
  padding: 0 5px;
  border: 1px solid #c30e2e;
  height: 20px;
  line-height: 20px;
}

.header_top .header_quick .btn_area > div.lang_btn ul li.on a {
  color: #fff;
  background: #c30e2e;
}

.gnb_wrap {
  position: relative;
}

.gnb_wrap.fixed {
  position: fixed;
  top: 0;
  z-index: 1000;
  left: 0;
  top: 0;
  right: 0;
  background: #fff;
  transition: 0.3s ease;
  border-bottom: 1px solid #dedede;
}

.gnb_wrap .allmenu_btn {
  float: left;
  display: block;
  height: 60px;
  line-height: 60px;
  font-size: 2em;
  color: #222;
  width: 5%;
  position: relative;
}

.gnb_wrap .allmenu_btn ul {
  position: absolute;
  left: 0;
  top: 50%;
  width: 30px;
  z-index: 10;
  margin-top: -11px;
}

.gnb_wrap .allmenu_btn ul li {
  width: 100%;
  height: 2px;
  background: #222;
  margin: 0 0 8px 0;
  transition: 0.5s ease;
}

.gnb_wrap .allmenu_btn ul li.bar_b {
  margin: 0;
}

.gnb_wrap .allmenu_btn ul li.bar_m {
  width: 80%;
}

.gnb_wrap .allmenu_btn.on ul .bar_t {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  width: 100%;
  margin: 9px 0 0 0;
}

.gnb_wrap .allmenu_btn.on ul .bar_b {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  width: 100%;
  margin: -2px 0 0 0;
}

.gnb_wrap .allmenu_btn.on ul .bar_m {
  display: none;
}

.gnb_wrap .allmenu_area {
  display: none;
  position: absolute;
  left: 0;
  top: 60px;
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
  padding: 30px;
  z-index: 10;
  box-sizing: border-box;
}

.gnb_wrap .allmenu_area .depth {
  margin: 0 0 0 -20px;
}

.gnb_wrap .allmenu_area .depth01 {
  float: left;
  width: 20%;
}

.gnb_wrap .allmenu_area .depth01 > a {
  position: relative;
  color: #2c2c2c;
  display: block;
  margin: 0 0 0 20px;
  padding: 0 0 10px 10px;
  font-size: 17px;
  font-weight: 700;
  text-align: left;
  border-bottom: 2px solid #c30e2e;
}

.gnb_wrap .allmenu_area .depth02 {
  margin: 0 0 0 20px;
  padding: 10px 0;
}

.gnb_wrap .allmenu_area .depth02 li a {
  box-sizing: border-box;
  padding-left: 10px;
  margin: 8px 0;
  font-size: 15px;
  color: #666;
  display: block;
}

.gnb_wrap .allmenu_area .depth02 li a:hover {
  color: #222;
  text-decoration: underline;
}

.gnb_wrap .allmenu_area .depth03,
.gnb_wrap .allmenu_area .guide {
  display: none;
}

.gnb_wrap .mall_btn {
  display: block;
  width: 15%;
  float: left;
  height: 60px;
  line-height: 60px;
  font-size: 0.938em;
  font-weight: 400;
  background: #c30e2e;
  color: #fff;
  text-align: center;
}

.gnb_wrap .mall_btn span {
  padding-right: 5px;
}

.gnb_wrap .gnb_box {
  float: left;
  text-align: center;
  width: 80%;
}

.gnb_wrap .gnb_box .depth01 {
  float: left;
  width: 20%;
  position: relative;
}

.gnb_wrap .gnb_box .depth01 > a {
  position: relative;
  color: #222;
  display: block;
  font-size: 1.125em;
  font-weight: 700;
  height: 60px;
  line-height: 60px;
  text-align: center;
  letter-spacing: -0.5px;
}

.gnb_wrap .gnb_box .depth01 > a:before {
  content: "";
  display: block;
  width: 0;
  height: 3px;
  background: #c30e2e;
  position: absolute;
  bottom: 0;
  left: 50%;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}

.gnb_wrap .gnb_box .depth01 > a:hover, .gnb_wrap .gnb_box .depth01 > a:focus, .gnb_wrap .gnb_box .depth01 > a.active {
  color: #c30e2e;
}

.gnb_wrap .gnb_box .depth01 > a:hover:before,
.gnb_wrap .gnb_box .depth01 > a.active:before {
  left: 0;
  width: 100%;
}

.gnb_wrap .gnb_box .depth01 .depth02 {
  left: 50%;
  position: absolute;
  bottom: auto;
  width: 94%;
  margin-left: -47%;
  z-index: 100;
  text-align: center;
  display: none;
  padding: 15px 0;
  background: rgba(29, 29, 29, 0.95);
}

.gnb_wrap .gnb_box .depth01 .depth02 li {
  position: relative;
}

.gnb_wrap .gnb_box .depth01 .depth02 li a {
  color: #9b9b9b;
  display: block;
  font-size: 0.938em;
  padding: 7px 0;
  position: relative;
  font-weight: 400;
  text-align: center;
}

.gnb_wrap .gnb_box .depth01 .depth02 li a:hover {
  color: #c30e2e;
}

.gnb_wrap .gnb_box .depth01.guide,
.gnb_wrap .gnb_box .depth01 .sm_search,
.gnb_wrap .gnb_box .depth01 .depth03 {
  display: none;
}

.gnb_wrap .gnb_box.on {
  background: url(../images/main/gnb_bg.png) repeat 0 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 300;
}

#header.on .depth01 > a::before,
#header.on .depth01 > a::after,
#header.on .depth01 > a::before,
#header.on .depth01 > a::after {
  bottom: 18px;
}

#header.on .nav_bg_pc {
  top: 70px;
}

.icon_box {
  position: absolute;
  right: 0px;
  top: 50px;
  transition: all 0.3s;
}

.icon_box ul {
  overflow: hidden;
}

.icon_box ul li {
  float: left;
  margin-left: 20px;
}

.icon_box ul li.follow {
  margin-left: 0;
  margin-right: 10px;
  padding-right: 46px;
  position: relative;
  font-size: 13px;
  color: #333;
  font-weight: 500;
}

.icon_box ul li.follow::after {
  content: "";
  width: 36px;
  height: 1px;
  background: #000;
  position: absolute;
  right: 0;
  top: 50%;
}

#main .gnb_wrap .depth01 > a.active, #main .gnb_wrap .depth01 > a:hover {
  color: #fff;
}

.nav_btn_box {
  display: none;
  position: absolute;
  top: 14px;
  left: 0px;
}

.nav_btn_box a {
  background: url(../images/nav/nav_btn.png) no-repeat 0 0;
  display: block;
  background-size: contain;
  width: 23px;
  height: 19px;
}

.nav_bg_pc {
  position: absolute;
  width: 100%;
  top: 120px;
  height: 72px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
  display: none;
  box-sizing: border-box;
  z-index: 30;
}

.gnb_mobile {
  background: #ffffff;
  display: none;
  left: -100%;
  overflow-y: auto;
  position: fixed;
  top: 0;
  width: 250px;
  height: 100%;
  z-index: 99999999;
  transition: 0.5s;
}

.gnb_mobile.on {
  left: 0;
  transition: 0.5s;
  box-shadow: 5px 0 15px rgba(0, 0, 0, 0.3);
}

.gnb_mobile .m_top {
  height: 51px;
  background: #fff;
}

.gnb_mobile .m_top .nav_btn_off {
  position: absolute;
  left: 15px;
  top: 14px;
}

.gnb_mobile .m_top .nav_btn_off img {
  width: 24px;
}

.gnb_mobile .depth .depth01 {
  text-align: left;
}

.gnb_mobile .depth .depth01:first-child > a {
  border-top: 1px solid #dadada;
}

.gnb_mobile .depth .depth01 > a {
  background-image: url(../images/nav/nav_down.png);
  background-position: 95%  center;
  background-repeat: no-repeat;
  background-size: 10px auto;
  border-bottom: 1px solid #dadada;
  color: #222;
  display: block;
  padding: 10px 0 10px 15px;
}

.gnb_mobile .depth .depth01 > a.no {
  background-image: none;
}

.gnb_mobile .depth .depth01 > a.selected1 {
  color: #fff;
  background-size: 10px auto;
  background-color: #c30e2e;
  background-image: url(../images/nav/nav_up.png);
}

.gnb_mobile .depth .depth01 .depth02 {
  padding: 5px 0;
  background: #f6f6f6;
}

.gnb_mobile .depth .depth01 .depth02 li > a {
  position: relative;
  border-bottom: 0;
  color: #666;
  font-size: 12px;
  display: block;
  background: #f6f6f6;
  padding: 7px 0 7px 29px;
}

.gnb_mobile .depth .depth01 .depth02 li > a:before {
  content: '';
  width: 5px;
  border-top: 1px solid #666;
  position: absolute;
  top: 16px;
  left: 17px;
}

.gnb_mobile .lang_m_bx {
  padding: 10px 0;
  text-align: center;
}

.gnb_mobile .lang_m_bx a {
  display: inline-block;
  font-weight: bold;
  color: #aaa;
  position: relative;
  padding: 0 15px;
}

.gnb_mobile .lang_m_bx a:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  height: 10px;
  margin-top: -5px;
  border-left: 1px solid #ddd;
}

.gnb_mobile .lang_m_bx a:first-child:before {
  display: none;
}

.gnb_mobile .lang_m_bx a.on {
  color: #133e78;
}

.gnb_mobile .login_m_bx {
  margin-bottom: 10px;
}

.gnb_mobile .login_m_bx li {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 0 10px;
}

.gnb_mobile .login_m_bx li a {
  display: block;
  height: 35px;
  line-height: 35px;
  color: #133e78;
  font-weight: 400;
  text-align: center;
  border: 1px solid #133e78;
}

.gnb_mobile .login_m_bx li.logout_li {
  width: 100%;
}

/* // 메인    ---------------------------------------------------------------*/
/*비주얼*/
.main_visu_area .visu_slide {
  height: 670px;
}

.main_visu_area .visu_slide .slick-slide {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.main_visu_area .visu_slide .slick-slide a {
  display: block;
  height: 670px;
}

.main_visu_area .slick-arrow {
  position: absolute;
  width: 48px;
  height: 112px;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 100;
  top: 50%;
  margin-top: -56px;
}

.main_visu_area .slick-arrow.slick-prev {
  left: 5%;
  background-image: url(../images/main/prev_bg.png);
}

.main_visu_area .slick-arrow.slick-next {
  right: 5%;
  background-image: url(../images/main/next_bg.png);
}

.main_visu_area .slick-dots {
  left: 0;
  width: 100%;
  text-align: center;
  bottom: 50px;
}

.main_visu_area .slick-dots li {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 5px;
}

.main_visu_area .slick-dots li button {
  width: 14px;
  height: 14px;
  background: none;
  border-radius: 14px;
  border: 2px solid #fff;
  box-sizing: border-box;
}

.main_visu_area .slick-dots li.slick-active button {
  background: #fff;
}

/*섹션 */
section.main_sec1 {
  background: url(../images/main/section_bg1.png) no-repeat center;
  background-size: cover;
}

section.main_sec1 .cont_box {
  float: left;
  padding: 175px 0;
}

section.main_sec1 .cont_box ul {
  overflow: hidden;
  margin: 0 0 0 -10px;
}

section.main_sec1 .cont_box ul li {
  float: left;
}

section.main_sec1 .cont_box ul li a {
  display: block;
  box-sizing: border-box;
  width: 174px;
  height: 174px;
  border: 1px solid #ccc;
  background: #fff;
  text-align: center;
  margin: 10px 0 0 10px;
  color: #444;
  font-weight: 700;
  font-size: 1.063em;
  -webkit-transition: transform 0.2s linear;
  -moz-transition: transform 0.2s linear;
  transition: transform 0.2s linear;
}

section.main_sec1 .cont_box ul li a .icon {
  display: block;
  margin-bottom: 13px;
  min-height: 53px;
}

section.main_sec1 .cont_box ul li a:hover {
  transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  color: #c30e2e;
  border-color: #c30e2e;
}

section.main_sec1 .t_box {
  position: absolute;
  right: 0;
  top: 164px;
}

section.main_sec1 .t_box .tt {
  font-size: 2.5em;
  color: #222;
  font-weight: 700;
  letter-spacing: -0.5px;
}

section.main_sec1 .t_box .txt {
  font-size: 1.125em;
  color: #444;
  margin: 20px 0 25px;
}

section.main_sec1 .t_box .more_btn {
  display: inline-block;
  padding: 13px 52px 12px;
  border: 1px solid #999;
  color: #333;
  font-weight: 700;
  font-size: 1.125em;
  transition: 0.3s;
}

section.main_sec1 .t_box .more_btn:hover {
  background: #999;
  color: #fff;
}

section.main_sec1 .t_box:before {
  width: 12px;
  height: 12px;
  background: #c30e2e;
  content: "";
  position: absolute;
  left: 0;
  top: -20px;
}

section.main_sec2 {
  height: 600px;
  background: url(../images/main/section_bg2.jpg) no-repeat center;
  background-size: cover;
  text-align: center;
  color: #fff;
}

section.main_sec2 .txt_rolling .slick-slider .slick-slide {
  height: 600px;
  display: table;
  width: 100%;
}

section.main_sec2 .txt_rolling .slick-slider .slick-slide .inner {
  display: table-cell;
  vertical-align: middle;
}

section.main_sec2 .txt_rolling .squ {
  width: 12px;
  height: 12px;
  background: #c30e2e;
  display: inline-block;
  margin-bottom: 20px;
}

section.main_sec2 .txt_rolling .tt {
  font-size: 2.5em;
  color: #fff;
  font-weight: 700;
  letter-spacing: -0.5px;
}

section.main_sec2 .txt_rolling .txt {
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.125em;
  line-height: 25px;
  margin: 20px 0 55px;
  letter-spacing: -0.5px;
}

section.main_sec2 .txt_rolling .u_info {
  overflow: hidden;
  display: inline-block;
  margin-bottom: 20px;
}

section.main_sec2 .txt_rolling .u_info p {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.875em;
  font-weight: 700;
  position: relative;
  height: 50px;
  line-height: 50px;
  float: left;
}

section.main_sec2 .txt_rolling .u_info p.pic {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0;
  padding: 0;
}

section.main_sec2 .txt_rolling .u_info p.id {
  padding-right: 12px;
  margin: 0 6px 0 15px;
}

section.main_sec2 .txt_rolling .u_info p.id:after {
  content: "";
  width: 1px;
  height: 10px;
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  right: 3px;
  top: 50%;
  margin-top: -6px;
}

section.main_sec2 .txt_rolling .pager .slick-arrow {
  width: 30px;
  height: 20px;
  position: absolute;
  right: 15px;
}

section.main_sec2 .txt_rolling .pager .slick-arrow.slick-prev {
  top: 90px;
  background: url(../images/main/rolling_arr1.png) no-repeat center;
}

section.main_sec2 .txt_rolling .pager .slick-arrow.slick-next {
  bottom: 120px;
  background: url(../images/main/rolling_arr2.png) no-repeat center;
}

section.main_sec2 .txt_rolling .pager span {
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.5em;
  font-weight: 100;
  position: absolute;
}

section.main_sec2 .txt_rolling .pager span.now {
  color: #fff;
  font-size: 1.75em;
  font-weight: 700;
  right: 37px;
  top: 44%;
}

section.main_sec2 .txt_rolling .pager span.sl {
  right: 24px;
  top: 47%;
}

section.main_sec2 .txt_rolling .pager span.total {
  right: 5px;
  top: 49%;
}

section.find_btn_box {
  margin-top: -70px;
}

section.find_btn_box .wrapper > div {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 50px 0 50px 50px;
  position: relative;
  cursor: pointer;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}

section.find_btn_box .wrapper > div.gray {
  background: #9b9193 url(../images/main/find_box_bg1.png) no-repeat;
  background-position: 80% -30%;
}

section.find_btn_box .wrapper > div.pink {
  background: #c30e2e url(../images/main/find_box_bg2.png) no-repeat;
  background-position: 77% -70%;
}

section.find_btn_box .wrapper > div p {
  color: #fff;
}

section.find_btn_box .wrapper > div p.tt {
  font-size: 1.875em;
  font-weight: 700;
}

section.find_btn_box .wrapper > div p.txt {
  font-size: 0.813em;
}

section.find_btn_box .wrapper > div .arr {
  display: block;
  width: 40px;
  height: 27px;
  position: absolute;
  right: 60px;
  top: 50%;
  margin-top: -12px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}

section.find_btn_box .wrapper > div .arr.c1 {
  background: url(../images/main/find_box_arr1.png) no-repeat center;
}

section.find_btn_box .wrapper > div .arr.c2 {
  background: url(../images/main/find_box_arr2.png) no-repeat center;
}

section.find_btn_box .wrapper > div.gray:hover {
  background-color: #8b8284;
}

section.find_btn_box .wrapper > div.pink:hover {
  background-color: #cc173e;
}

section.find_btn_box .wrapper > div:hover .arr {
  right: 80px;
}

section.main_prod2 {
  text-align: center;
  padding: 90px 0;
  margin-bottom: 60px;
  position: relative;
}

section.main_prod2 .squ {
  width: 12px;
  height: 12px;
  background: #c30e2e;
  display: inline-block;
}

section.main_prod2 .main_tt {
  font-size: 2.813em;
  color: #2c2c2c;
  margin: 10px 0 0;
  font-weight: 900;
  letter-spacing: -1px;
  line-height: 1.3;
}

section.main_prod2 .main_txt {
  font-size: 1.250em;
  color: #2c2c2c;
  font-weight: 700;
}

section.main_prod {
  text-align: center;
  padding: 90px 0;
  margin-bottom: 60px;
  position: relative;
}

section.main_prod .squ {
  width: 12px;
  height: 12px;
  background: #c30e2e;
  display: inline-block;
}

section.main_prod .main_tt {
  font-size: 2.813em;
  color: #2c2c2c;
  margin: 10px 0 0;
  font-weight: 900;
  letter-spacing: -1px;
  line-height: 1.3;
}

section.main_prod .main_txt {
  font-size: 1.250em;
  color: #2c2c2c;
  font-weight: 700;
}

section.main_prod .con_idx .prod_slide {
  overflow: hidden;
  width: 100%;
}

section.main_prod .con_idx .prod_slide li {
  outline: none;
  float: left;
}

section.main_prod .con_idx .prod_slide li .inner {
  overflow: hidden;
  cursor: pointer;
  box-sizing: border-box;
  border: 2px solid transparent;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  text-align: center;
  margin: 0 15px;
}

section.main_prod .con_idx .prod_slide li .inner .pic {
  overflow: hidden;
  position: relative;
}

section.main_prod .con_idx .prod_slide li .inner .pic .img_src {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
  transition: 0.5s ease;
  overflow: hidden;
  background-size:cover;
}

section.main_prod .con_idx .prod_slide li .inner .info {
  padding: 20px 15px;
}

section.main_prod .con_idx .prod_slide li .inner .info p {
  color: #666;
  font-size: 1.125em;
  font-weight: 700;
  letter-spacing: -0.5px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}

section.main_prod .con_idx .prod_slide li .inner:hover {
  border-color: #c30e2e;
}

/*section.main_prod .con_idx .prod_slide li .inner:hover .pic .img_src {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
}
*/
section.main_prod .con_idx .prod_slide li .inner:hover .info p {
  color: #222;
}

section.main_prod .con_idx .no_con {
  padding: 30px 0;
  text-align: center;
  font-size: 1.25em;
  color: #555;
}

section.main_prod .mouse_icon {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -32px;
  display: inline-block;
  width: 64px;
  height: 39px;
  background: url(../images/main/mousewheel_icon.png) no-repeat center;
}

section.main_board {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  position: relative;
}

section.main_board .wrapper > div {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 50px 20px 80px 35px;
  position: relative;
  min-height:334px;
}

section.main_board .wrapper > div.not_box {
  border-right: 1px solid #ccc;
}

section.main_board .wrapper > div .squ {
  width: 12px;
  height: 12px;
  background: #c30e2e;
  display: block;
  margin-bottom: 5px;
}

section.main_board .wrapper > div .main_tt {
  font-size: 2.5em;
  color: #2c2c2c;
  margin: 10px 0 0;
  font-weight: 900;
  letter-spacing: -1px;
  line-height: 1.3;
  display: inline-block;
}

section.main_board .wrapper > div .main_txt {
  font-size: 1.250em;
  color: #2c2c2c;
  font-weight: 700;
  display: inline-block;
  margin-left: 10px;
}

section.main_board .wrapper > div ul {
  margin-top: 20px;
}

section.main_board .wrapper > div ul li {
  overflow: hidden;
}

section.main_board .wrapper > div ul li span, section.main_board .wrapper > div ul li a {
  color: #777;
  font-size: 1.063em;
  line-height: 25px;
  display: inline-block;
  font-weight: 700;
  margin: 5px 0;
}

section.main_board .wrapper > div ul li .title {
  float: left;
  width: 72%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

section.main_board .wrapper > div ul li .title:hover {
  color: #c30e2e;
  text-decoration: underline !important;
}

section.main_board .wrapper > div ul li .date {
  float: right;
  width: 26%;
  text-align: right;
}

section.main_board .wrapper > div .more_btn {
  display: block;
  position: absolute;
  right: 30px;
  top: 85px;
}

section.main_board .wrapper > div .more_btn .xi {
  font-size: 2em;
  color: #555;
}

section.main_partner ul {
  margin-left: 1px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

section.main_partner ul li {
  height: 150px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  margin-left: -1px;
}

section.main_partner .part_arrow {
  display: block;
  width: 34px;
  height: 34px;
  line-height: 36px;
  border-radius: 34px;
  border: 2px solid #888;
  color: #888;
  box-sizing: border-box;
  font-size: 1.688em;
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -17px;
}

section.main_partner .part_arrow.prev {
  left: -5%;
}

@media screen and (max-width: 1280px) {
  section.main_partner .part_arrow.prev {
    left: 0;
  }
}

section.main_partner .part_arrow.next {
  right: -5%;
}

@media screen and (max-width: 1280px) {
  section.main_partner .part_arrow.next {
    right: 0;
  }
}

/*푸터*/
.footer_wrap {
  background: #312f36;
}

.footer_wrap .cs_area {
  background: linear-gradient(34deg, #000, #000);
  text-align: center;
  position: relative;
}

.footer_wrap .cs_area .wrapper > div {
  height: 80px;
  line-height: 80px;
  width: 50%;
  padding: 0 25px;
  box-sizing: border-box;
}

.footer_wrap .cs_area .wrapper > div * {
  vertical-align: middle;
}

.footer_wrap .cs_area .wrapper > div.tel_area {
  float: left;
  text-align: right;
}

.footer_wrap .cs_area .wrapper > div.tel_area p {
  color: #fff;
  font-size: 1.375em;
  font-weight: 700;
  display: inline-block;
  margin-left: 15px;
}

.footer_wrap .cs_area .wrapper > div.tel_area p strong {
  color: #fff;
  font-weight: 900;
  font-size: 1.12em;
  margin-left: 20px;
}

.footer_wrap .cs_area .wrapper > div.time_area {
  float: right;
  text-align: left;
}

.footer_wrap .cs_area .wrapper > div.time_area p {
  color: rgba(255, 255, 255);
  font-weight: 700;
  font-size: 1.063em;
}

.footer_wrap .cs_area .wrapper > div.time_area p span {
  display: inline-block;
  margin-left: 20px;
  font-weight: 100;
}

.footer_wrap .cs_area:before {
  content: "";
  width: 1px;
  height: 22px;
  background: rgba(255, 255, 255, 0.3);
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -11px;
}

.footer_wrap .footer_top {
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.footer_wrap .footer_top ul li {
  display: inline-block;
  padding: 20px 0 18px;
}

.footer_wrap .footer_top ul li a {
  color: #9b9b9b;
  margin: 0 10px;
  display: block;
  font-size: 0.875em;
}

.footer_wrap .footer_bot {
  padding: 25px 0 35px;
}

.footer_wrap .footer_bot ul {
  overflow: hidden;
}

.footer_wrap .footer_bot ul li {
  color: #9b9b9b;
  padding: 0 5px;
  font-weight: 300;
  line-height: 1.3;
  letter-spacing: -0.5px;
  display: inline-block;
  font-size: 0.875em;
}

.footer_wrap .footer_bot ul li.copy {
  display: block;
  margin-top: 10px;
  color: #777;
}

/*서브 비주얼*/
.sub_visual_wrap {
  position: relative;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/sub/sub_visu.jpg);
  background-size: cover;
}

.sub_visual_wrap .wrapper {
  display: table;
  height: 200px;
}

.sub_visual_wrap .txt_bx {
  display: table-cell;
  vertical-align: middle;
}

.sub_visual_wrap .txt_bx .visu_txt {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.4;
  position: relative;
  padding-top: 20px;
  margin: -20px 0 0 70px;
}

.sub_visual_wrap .txt_bx .visu_txt:before {
  content: "";
  width: 8px;
  height: 8px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
}

.sub_section_wrap {
  margin-top: -30px;
}

.sub_section_wrap .sub_con {
  padding: 80px  0 120px;
  min-height: 500px;
}

.sub_section_wrap .sub_con .sub_tit {
  color: #252525;
  font-size: 45px;
  text-align: center;
  margin: 0 0 50px;
  font-weight: 900;
  padding-top: 20px;
  position: relative;
  letter-spacing: -0.5px;
}

.sub_section_wrap .sub_con .sub_tit:before {
  content: "";
  width: 12px;
  height: 12px;
  background: #c30e2e;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -6px;
}

.sub_section_wrap .sub_con .search_tit {
  font-size: 35px;
  color: #2c2c2c;
  margin: -15px 0 50px;
  text-align: center;
  font-weight: 100;
  letter-spacing: -0.5px;
}

.sub_section_wrap .sub_con .search_tit .str {
  font-weight: 400;
}

/*서브메뉴  */
.sub_menu_wrap .home {
  display: block;
  float: left;
  width: 60px;
  height: 60px;
  background: #fff url(../images/sub/sub_menu_home.png) no-repeat center;
  border: 1px solid #ddd;
  box-sizing: border-box;
}

.sub_menu_wrap .sub_menu_list {
  float: left;
  width: 1140px;
}

.sub_menu_wrap .sub_menu_list > li {
  float: left;
  width: 50%;
  position: relative;
}

.sub_menu_wrap .sub_menu_list > li.menu3 {
  display: none;
}

.sub_menu_wrap .sub_menu_list.dp3 > li {
  width: 33.33%;
}

.sub_menu_wrap .sub_menu_list.dp3 > li.menu3 {
  display: block;
}

.sub_menu_wrap .sub_menu_list .menu_st {
  background: #fff url(../images/sub/menu_st_icon.png) no-repeat right 25px center;
  cursor: pointer;
  color: #444;
  font-size: 18px;
  font-weight: 700;
  border: 1px solid #ddd;
  border-left: none;
  box-sizing: border-box;
  height: 60px;
  line-height: 60px;
  text-align: center;
}

.sub_menu_wrap .sub_menu_list .menu_st.on, .sub_menu_wrap .sub_menu_list .menu_st.active {
  background: #c30e2e url(../images/sub/menu_st_icon_on.png) no-repeat right 25px center;
  border-color: #c30e2e;
  color: #fff;
}

.sub_menu_wrap .sub_menu_list .depth {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: auto;
  display: none;
  border-top: none;
  z-index: 50;
  background: #c30e2e;
  padding: 5px 0;
}

.sub_menu_wrap .sub_menu_list .depth li > a {
  display: block;
  line-height: 1.3;
  font-size: 16px;
  color: #fff;
  margin: 16px 0;
  text-align: center;
}

.sub_menu_wrap .sub_menu_list .depth li > a:hover {
  text-decoration: underline !important;
}

.sub_menu_wrap .sub_menu_list .menu1 .depth02 {
  display: none;
}

.sub_menu_wrap .sub_menu_list .menu1 .depth03 {
  display: none;
}

.sub_menu_wrap .sub_menu_list .menu2 .depth01 > a {
  display: none;
}

.sub_menu_wrap .sub_menu_list .menu2 .depth02 {
  display: none;
}

.sub_menu_wrap .sub_menu_list .menu2 .depth03 {
  display: none;
}

.sub_menu_wrap .sub_menu_list .menu3 .depth01 > a {
  display: none;
}

.sub_menu_wrap .sub_menu_list .menu3 .depth02 > ul > li > a {
  display: none;
}

.sub_menu_wrap .sub_menu_list .menu3 .depth03 > li > a.on {
  display: none;
}

.wrap_idx {
  text-align: center;
}

.wrap_idx .tab_idx {
  overflow: hidden;
  box-sizing: border-box;
  margin: 60px auto;
  font-size: 0;
}

.wrap_idx .tab_idx.st2 {
  margin: 30px auto;
}

.wrap_idx .tab_idx li {
  display: inline-block;
  width: 25%;
  box-sizing: border-box;
}

.wrap_idx .tab_idx li a {
  display: block;
  height: 60px;
  line-height: 60px;
  color: #555;
  border: 1px solid #d6d6d6;
  font-size: 18px;
  font-weight: 700;
  margin-left: -1px;
  transition: 0.3s;
  box-sizing: border-box;
}

.wrap_idx .tab_idx li:first-child {
  border-left: 1px solid #d6d6d6;
}

.wrap_idx .tab_idx li.on a {
  background: #c30e2e;
  color: #fff;
  border-color: #c30e2e;
}

.wrap_idx .tab_idx.ea2 li {
  width: 50%;
}

.wrap_idx .tab_idx.ea3 li {
  width: 33.33%;
}

.wrap_idx .tab_idx.ea5 li {
  width: 20%;
}

.wrap_idx .tab_idx.ea6 li {
  width: 16.66%;
}

.wrap_idx .tab_idx.instr {
  margin: 0 0 0 -10px;
}

.wrap_idx .tab_idx.instr li:first-child {
  border-left: none;
}

.wrap_idx .tab_idx.instr li a {
  line-height: inherit;
  height: 190px;
  margin: 0 0 0 10px;
  border: 1px solid #ddd;
  text-align: center;
  color: #2c2c2c;
  font-weight: 900;
}

.wrap_idx .tab_idx.instr li a .icon {
  display: block;
  height: 52px;
  margin-bottom: 15px;
}

.wrap_idx .tab_idx.instr li a .icon img {
  max-height: 52px;
}

.wrap_idx .tab_idx.instr li a:hover {
  border: 2px solid #c30e2e;
}

.wrap_idx .tab_idx.instr li.on a {
  background: #fff;
  border: 2px solid #c30e2e;
}

.wrap_idx .tab_idx.faq {
  text-align: left;
  padding-left: 20px;
  position: relative;
}

.wrap_idx .tab_idx.faq li {
  width: auto;
  border: none;
}

.wrap_idx .tab_idx.faq li a {
  border: none;
  height: auto;
  line-height: inherit;
  color: #333;
  font-size: 17px;
  margin:5px 12px 0 0;
  padding-right: 12px;
  font-weight: 400;
  position: relative;
}

.wrap_idx .tab_idx.faq li a:before {
  content: "";
  width: 1px;
  height: 14px;
  background: #ddd;
  position: absolute;
  right: 0;
  top: 5px;
}

.wrap_idx .tab_idx.faq li:last-child a:before {
  display: none;
}

.wrap_idx .tab_idx.faq li.on a {
  background: none;
  color: #c30e2e;
  font-weight: 700;
}

.wrap_idx .tab_idx.faq:after {
  width: 6px;
  height: 6px;
  content: "";
  background: #c30e2e;
  position: absolute;
  left: 0;
  top:13px;
}
.wrap_idx .con_idx.loca {
	text-align:left;
}

.wrap_idx .con_idx.recruit .detail {
	display:none;
}


.introd_wrap .introd_title {
  background: url(../images/sub/introd_bg.jpg) no-repeat center;
  padding: 95px 0 150px;
  text-align: center;
  color: #fff;
}

.introd_wrap .introd_title .tt {
  font-size: 40px;
  font-weight: 100;
  letter-spacing: -0.5px;
}

.introd_wrap .introd_title .en {
  font-size: 18px;
  font-weight: 700;
  margin: 15px 0 25px;
}

.introd_wrap .introd_info {
  margin-top: -70px;
  background: #fff;
  padding: 70px 75px;
  margin-bottom: 50px;
}

.introd_wrap .introd_info > div {
  display: inline-block;
  vertical-align: top;
}

.introd_wrap .introd_info > div.logo_area {
  margin-right: 70px;
}

.introd_wrap .introd_info > div.txt_area p {
  font-size: 17px;
  color: #555;
  line-height: 30px;
}

.introd_wrap .introd_info > div.txt_area p span {
  font-size: 24px;
  font-weight: 700;
  color: #2c2c2c;
  display: block;
  margin-bottom: 10px;
}

.ci_wrap .top_tit {
  margin-bottom: 30px;
  font-weight: 700;
}

.ci_wrap .top_area {
  text-align: center;
}

.ci_wrap .top_area .logo_txt {
  margin-top: 30px;
  font-size: 24px;
  color: #2c2c2c;
}

.ci_wrap .top_area .logo_txt span {
  font-size: 40px;
  font-weight: 100;
  display: block;
  color: #555;
}

.ci_wrap .top_area .logo_txt span .point {
  color: #c30e2e;
}

.ci_wrap .top_area .ci_line {
  display: inline-block;
  width: 1px;
  height: 76px;
  background: #aaa;
  margin: 30px 0;
}

.ci_wrap .top_area .logo_txt2 {
  font-size: 17px;
  color: #555;
}

.ci_wrap .top_area .logo_txt2 span {
  display: block;
  font-size: 24px;
  color: #2c2c2c;
  font-weight: 700;
  margin-bottom: 15px;
}

.ci_wrap .ci_info1 {
  overflow: hidden;
  margin: 65px 0;
}

.ci_wrap .ci_info1 > div {
  width: 560px;
}

.ci_wrap .ci_info1 > div .tt {
  font-size: 20px;
  font-weight: 700;
  color: #2c2c2c;
  margin: 10px 0 15px;
  text-align: center;
  font-family:'NanumSquareRound', 'NanumSquare', sans-serif;
}

.ci_wrap .ci_color {
  text-align: center;
}

.ci_wrap .ci_color .color {
  width: 60px;
  height: 60px;
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
}

.ci_wrap .ci_color .color.c1 {
  background: #c30e2e;
}

.ci_wrap .ci_color .color.c2 {
  background: #717071;
}

.ci_wrap .ci_color .color.c3 {
  background: #000;
}

.ci_wrap .ci_color .color.c4 {
  background: #00a77e;
}

.ci_wrap .ci_color .color.c5 {
  background: #b3bbbf;
}

.ci_wrap .ci_color .info {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}

.ci_wrap .ci_color .info .tit {
  font-size: 20px;
  color: #2c2c2c;
  font-weight: 700;
  font-family:'NanumSquareRound', 'NanumSquare', sans-serif;
}

.ci_wrap .ci_color .info .tit span {
  font-size: 17px;
}

.ci_wrap .ci_color .info .cmyk {
  margin-top: 3px;
}

.ci_wrap .ci_color .info .cmyk span {
  font-size: 17px;
  color: #555;
  display: inline-block;
  margin-right: 15px;
}

.ci_wrap .ci_color .info .cmyk span:last-child {
  margin-right: 0;
}

.ci_wrap .ci_info2 {
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  overflow: hidden;
  padding: 60px 0;
  margin-top: -1px;
}

.ci_wrap .ci_info2 .ci_color {
  float: left;
  width: 33.33%;
  text-align: left;
}

.ci_wrap .ci_info3 {
  padding: 60px 0 0;
}

.ci_wrap .ci_info3 .ci_big .ci {
  float: left;
  width: 33.33%;
}

.ci_wrap .ci_info3 .fl_box .ci_color {
  text-align: left;
  float: left;
  width: 33.33%;
}

.ci_wrap .ci_info3 .fl_box .logo_img {
  margin-bottom: 20px;
}

.mission_wrap .mission_title {
  background: url(../images/sub/mission_bg.jpg) no-repeat center;
  padding: 95px 0;
  text-align: center;
  color: #fff;
}

.mission_wrap .mission_title .tt {
  font-size: 40px;
  font-weight: 100;
  letter-spacing: -0.5px;
}

.mission_wrap .mission_title .en {
  font-size: 18px;
  font-weight: 700;
  margin: 15px 0 25px;
}

.mission_wrap .vision_area {
  margin-top: 60px;
}

.mission_wrap .vision_area .title {
  font-weight: 300;
  font-size: 40px;
  color: #2c2c2c;
  text-align: center;
}

.mission_wrap .vision_area .wrap {
  width: 950px;
  margin: 0 auto;
}

.mission_wrap .vision_area .wrap .tr {
  margin-top: 100px;
}

.mission_wrap .vision_area .wrap .tr.mg0 {
  margin: 0;
}

.recruit_title {
  background: url(../images/sub/recruit_bg.jpg) no-repeat center;
  padding: 95px 0;
  text-align: center;
  color: #fff;
}

.recruit_title .tt {
  font-size: 40px;
  font-weight: 100;
  letter-spacing: -0.5px;
  margin-bottom: 17px;
}

.recruit_info {
  width: 886px;
  margin: 100px auto 0;
  text-align: center;
  overflow: hidden;
  padding-top: 340px;
  background: url(../images/sub/recruit_item.png) no-repeat top center;
}

.recruit_info .item {
  display: inline-block;
  width: 33.33%;
  color: #555;
  font-size: 17px;
  line-height: 24px;
  margin: 0 -10px;
}

.process {
  overflow: hidden;
  border: 1px solid #d6d6d6;
  border-bottom: none;
}

.process .proTab {
  float: left;
  width: 270px;
}

.process .proTab a {
  display: table;
  width: 100%;
  height: 130px;
  position: relative;
  box-sizing: border-box;
  padding-left: 110px;
  border-bottom: 1px solid #d6d6d6;
  transition: 0.3s;
  background-repeat: no-repeat;
  background-position: left 27px center;
}

.process .proTab a:before {
  content: "";
  width: 34px;
  height: 34px;
  position: absolute;
  bottom: -17px;
  left: 50%;
  margin-left: -17px;
  z-index: 1;
  background: url(../images/sub/process_arr.png) no-repeat center;
}

.process .proTab a.tab1 {
  background-image: url(../images/sub/process_tab1.png);
}

.process .proTab a.tab2 {
  background-image: url(../images/sub/process_tab2.png);
}

.process .proTab a.tab3 {
  background-image: url(../images/sub/process_tab3.png);
}

.process .proTab a.tab4 {
  background-position: left 24px center;
  background-image: url(../images/sub/process_tab4.png);
}

.process .proTab a.tab5 {
  background-position: left 37px center;
  background-image: url(../images/sub/process_tab5.png);
}

.process .proTab a.tab6 {
  background-image: url(../images/sub/process_tab6.png);
}

.process .proTab a.tab6:before {
  display: none;
}

.process .proTab a .tit {
  display: table-cell;
  vertical-align: middle;
  font-size: 20px;
  font-weight: 700;
  color: #2c2c2c;
}

.process .proTab a .tit i {
  display: block;
  color: #555;
  font-size: 17px;
  font-weight: 400;
}

.process .proTab a.on {
  background-color: #312f36;
}

.process .proTab a.on.tab1 {
  background-image: url(../images/sub/process_tab_on1.png);
}

.process .proTab a.on.tab2 {
  background-image: url(../images/sub/process_tab_on2.png);
}

.process .proTab a.on.tab3 {
  background-image: url(../images/sub/process_tab_on3.png);
}

.process .proTab a.on.tab4 {
  background-image: url(../images/sub/process_tab_on4.png);
}

.process .proTab a.on.tab5 {
  background-image: url(../images/sub/process_tab_on5.png);
}

.process .proTab a.on.tab6 {
  background-image: url(../images/sub/process_tab_on6.png);
}

.process .proTab a.on .tit {
  color: #fff;
}

.process .proTab a.on .tit i {
  color: #ccc;
}

.process .proCon {
  float: left;
  width: 928px;
  height: 780px;
  box-sizing: border-box;
  border-left: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  position: relative;
}

.process .proCon .conArea {
  text-align: center;
  padding: 70px 0;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}

.process .proCon .conArea .step {
  margin-top: 50px;
  color: rgba(85, 85, 85, 0.8);
  font-size: 18px;
  font-weight: 700;
}

.process .proCon .conArea .tit {
  color: #2c2c2c;
  font-size: 28px;
  font-weight: 900;
  position: relative;
  padding-bottom: 25px;
}

.process .proCon .conArea .tit:before {
  content: "";
  width: 5px;
  height: 5px;
  background: #2c2c2c;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -3px;
}

.process .proCon .conArea .txt {
  margin-top: 20px;
  height: 96px;
  font-size: 17px;
  line-height: 24px;
  color: #555;
}

.process .proCon .conArea .btn {
  margin-top: 40px;
}

.process .proCon .conArea .btn a {
  display: inline-block;
  padding: 13px 30px;
  background: #c30e2e;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}

.benefit_title {
  background: url(../images/sub/benefit_bg.jpg) no-repeat center;
  padding: 95px 0;
  text-align: center;
  color: #fff;
}

.benefit_title .tt {
  font-size: 40px;
  font-weight: 100;
  letter-spacing: -0.5px;
  margin-bottom: 17px;
}

.benifit_list {
  margin-top: 60px;
}

.benifit_list ul {
  overflow: hidden;
  padding: 1px 1px 0 0;
}

.benifit_list ul li {
  float: left;
  width: 33.33%;
  box-sizing: border-box;
  border: 1px solid #ddd;
  margin: -1px -1px 0 0;
}

.benifit_list ul li .info {
  padding: 35px 50px;
  text-align: center;
}

.benifit_list ul li .info .tt {
  color: #2c2c2c;
  font-size: 20px;
  font-weight: 900;
}

.benifit_list ul li .info .txt {
  font-size: 17px;
  color: #555;
  margin-top: 12px;
  line-height: 24px;
  height: 48px;
}

.history_wrap {
  width: 900px;
  margin: 0 auto;
}

.history_wrap dl dt {
  font-size: 40px;
  font-weight: 700;
  color: #c30e2e;
}

.history_wrap dl dd {
  margin-left: 48px;
  border-left: 1px solid #ccc;
  position: relative;
  margin-bottom: 15px;
  padding: 30px 0 30px 15px;
}

.history_wrap dl dd:before {
  content: "";
  width: 5px;
  height: 5px;
  background: #2c2c2c;
  position: absolute;
  left: -3px;
  top: 0;
}

.history_wrap dl dd .his_pic {
  margin-bottom: 20px;
}

.history_wrap dl dd .his_pic .imgbx {
  width: 414px;
  overflow: hidden;
}

.history_wrap dl dd .his_pic .imgbx .img_src {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 53%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: 0.5s ease;
  overflow: hidden;
}

.history_wrap dl dd ul li {
  margin: 5px 0;
}

.history_wrap dl dd ul li span {
  display: inline-block;
  vertical-align: top;
  font-size: 17px;
}

.history_wrap dl dd ul li .month {
  color: #2c2c2c;
  font-weight: 900;
  margin-right: 15px;
}

.history_wrap dl dd ul li .txt {
  color: #555;
  max-width: 500px;
}

.client_list {
  margin: -30px -30px 0 0;
  overflow: hidden;
}

.client_list li {
  float: left;
  width: 25%;
}

.client_list li a {
  display: block;
  margin: 30px 30px 0 0;
  border: 1px solid #ccc;
  padding: 20px 0;
  text-align: center;
  position: relative;
}

.client_list li a:before {
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border: 2px solid #c30e2e;
  transition: 0.3s;
  opacity: 0;
}

.client_list li a .line {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 80px;
  border-bottom: 1px solid #ddd;
}

.client_list li a:hover:before {
  opacity: 1;
}

.loca_wrap ul {
  overflow: hidden;
}

.loca_wrap ul li {
  float: left;
  width: 33.33%;
  overflow:hidden;
  display:table;
  border-left: 1px solid #ddd;
  box-sizing: border-box;
  padding-left: 60px;
}

.loca_wrap ul li:first-child {
  border-left: 0;
  padding-left: 0;
}

.loca_wrap ul li .icon {
  float:left;
  width:90px;
  margin-right: 15px;
}

.loca_wrap ul li .tarea {
  width:100%;
  display:table-cell;
  vertical-align: middle;
  text-align: left;
}

.loca_wrap ul li .tarea .tt {
  color: #2c2c2c;
  font-size: 24px;
  font-weight: 900;
}

.loca_wrap ul li .tarea .txt {
  font-size: 17px;
  color: #555;
  margin-top: 5px;
  letter-spacing: -0.5px;
}

.loca_wrap .map_box {
  margin: 40px 0 0;
}

.loca_wrap .loca_info .tr {
  overflow: hidden;
  padding: 30px 0;
  border-bottom: 1px solid #ddd;
}

.loca_wrap .loca_info .icon {
  width: 73px;
  float: left;
  margin-right: 20px;
}

.loca_wrap .loca_info .t_area {
  float: left;
  width: 1107px;
}

.loca_wrap .loca_info .t_area .tt {
  font-size: 24px;
  font-weight: 900;
  color: #2c2c2c;
}

.loca_wrap .loca_info .t_area .txt {
  font-size: 17px;
  color: #555;
  line-height: 30px;
}

.prod_find_wrap .tit {
  font-size: 24px;
  color: #2c2c2c;
  font-weight: 700;
  margin: 40px 0 25px;
  text-align: center;
}

.prod_find_wrap .tit span {
  font-size: 18px;
  color: #555;
  font-weight: 400;
}

.prod_find_wrap ul.type {
  text-align: center;
  padding-bottom: 40px;
  border-bottom: 1px solid #ccc;
}

.prod_find_wrap ul.type li {
  display: inline-block;
  position: relative;
  width: 190px;
  height: 195px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  vertical-align: middle;
  padding: 30px 0;
  margin: 0 3px;
}

.prod_find_wrap ul.type li .icon {
  height: 55px;
  margin-bottom: 12px;
  /*&.size {
          display:table;
          width:100%;
          span {
            display:table-cell;
            vertical-align: middle;
            font-size:27px;
            color:#989898;
            font-weight:700;
            .xi {
              color:#222;
            }
          }
        }*/
}

.prod_find_wrap ul.type li .icon img {
  max-height: 55px;
}

.prod_find_wrap ul.type li .tt {
  font-size: 18px;
  font-weight: 900;
  color: #2c2c2c;
}

.prod_find_wrap ul.type li .tt span {
  font-size: 13px;
  color: #666;
  font-weight: 400;
  display: block;
  line-height: 1;
}

.prod_find_wrap ul.type li label {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.prod_find_wrap ul.type li label:before {
  position: absolute;
  left: 50%;
  bottom: 30px;
  margin-left: -10px;
}

.prod_find_wrap ul.type li.txt:after {
  content: "온풍, 제습, 건조, 공기제균, 타이머 모드 등";
  position: absolute;
  bottom: -45px;
  right: 0;
  font-size: 14px;
  line-height: 1.3;
}

.prod_find_wrap ul.type.type4 {
  padding-bottom: 80px;
  border-bottom: none;
}

.prod_look_box .prod_tab {
  overflow: hidden;
  margin: 0 0 0 -10px;
}

.prod_look_box .prod_tab li {
  float: left;
  width: 16.66%;
  box-sizing: border-box;
}

.prod_look_box .prod_tab li a {
  display: block;
  padding: 35px 30px 35px;
  border: 1px solid #ddd;
  margin: 0 0 0 10px;
  text-align: center;
  box-sizing: border-box;
  height: 195px;
  position: relative;
}

.prod_look_box .prod_tab li a:before {
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border: 2px solid #c30e2e;
  opacity: 0;
  transition: 0.3s;
}

.prod_look_box .prod_tab li a .icon {
  height: 55px;
  margin-bottom: 20px;
}

.prod_look_box .prod_tab li a .tt {
  font-size: 18px;
  font-weight: 900;
  color: #2c2c2c;
  line-height: 1.1;
}

.prod_look_box .prod_tab li a:hover:before {
  opacity: 1;
}

.prod_look_box .associ_area {
  text-align: center;
  position: relative;
  margin-top: 30px;
}

.prod_look_box .associ_area li {
  display: inline-block;
  margin: 0 45px;
}

.prod_look_box .associ_area li span {
  padding-left: 10px;
  font-size: 17px;
  color: #2c2c2c;
  font-weight: 700;
  vertical-align: middle;
}

.prod_look_box .associ_area li span i {
  font-weight: 400;
  color: #555;
}

/*.prod_look_box .associ_area:before {
  content: "";
  width: 1px;
  height: 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -15px;
  background: #d1d1d1;
}*/

.prod_look_box .prod_border_box {
  border: 1px solid #ddd;
  padding: 50px 30px;
  text-align: center;
  margin-top: 20px;
  overflow: hidden;
}

.prod_look_box .prod_border_box .prod_box_title {
  margin-bottom: 25px;
}

.prod_look_box .prod_border_box .prod_box_title span {
  display: inline-block;
  vertical-align: middle;
}

.prod_look_box .prod_border_box .prod_box_title .name {
  font-size: 24px;
  font-weight: 700;
  color: #2c2c2c;
  margin-left: 5px;
}

.prod_look_box .prod_border_box ul {
  margin: 0 0 0 -30px;
  font-size: 0;
}

.prod_look_box .prod_border_box ul li {
  display: inline-block;
  vertical-align: top;
}

.prod_look_box .prod_border_box ul li a {
  display: block;
  margin: 0 0 0 30px;
  text-align: center;
}

.prod_look_box .prod_border_box ul li a .name {
  margin-top: 15px;
  font-size: 18px;
  font-weight: 700;
  color: #2c2c2c;
}

.prod_look_box .prod_border_box ul li a .name .c_icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: auto 20px;
  background-position: left center;
  vertical-align: middle;
  margin-right: 3px;
}

.prod_look_box .prod_border_box ul li a .name .c_icon.karse {
  background-image: url(../images/sub/prod_look_infoicon1.png);
}

.prod_look_box .prod_border_box ul li a .name .c_icon.eff {
  background-image: url(../images/sub/prod_look_infoicon2.png);
}

.prod_look_box .prod_border_box ul li a .name .c_icon.design {
  background-image: url(../images/icon/certi_icon_d.png);
}

.prod_look_box .prod_border_box.several ul li {
  width: 20%;
}

.prod_look_box .prod_border_box.comp {
  position: relative;
}

.prod_look_box .prod_border_box.comp > div {
  float: left;
  width: 50%;
  box-sizing: border-box;
}

.prod_look_box .prod_border_box.comp .comp1 {
  border-right: 1px solid #ddd;
}

.prod_look_box .prod_border_box.comp ul {
  margin: 0;
}

.prod_look_box .prod_border_box.comp ul li {
  width: 204px;
}

.prod_look_box .prod_border_box.comp ul li a {
  margin: 0;
}

.prod_look_box .prod_2box > div {
  width: 48.5%;
}

.prod_look_box .graph_area {
  margin: 50px 0;
  overflow: hidden;
}

.prod_look_box .graph_area > div {
  width: 50%;
}

.prod_look_box .graph_area > div.right .tit {
  font-size: 24px;
  font-weight: 700;
  margin: 10px 0 5px;
}

.prod_look_box .graph_area > div.right .tit.c1 {
  color: #0089d1;
}

.prod_look_box .graph_area > div.right .tit.c2 {
  color: #c12a2f;
}

.prod_look_box .graph_area > div.right .tit.c3 {
  color: #f7915b;
}

.prod_look_box .graph_area > div.right .tit.c4 {
  color: #649bc6;
}

.prod_look_box .graph_area > div.right .txt {
  font-size: 17px;
  color: #555;
  line-height: 1.5;
  margin-bottom: 30px;
}

.cs_wide_box {
  background: url(../images/sub/cs_wide_bg.jpg) no-repeat center;
  padding: 70px 0;
}

.cs_wide_box .title {
  font-size: 18px;
  color: #555;
  text-align: center;
  margin-bottom: 45px;
}

.cs_wide_box .title span {
  font-size: 24px;
  color: #222;
  font-weight: 700;
}

.cs_wide_box ul {
  overflow: hidden;
  margin: 0 0 0 -30px;
}

.cs_wide_box ul li {
  float: left;
  width: 33.33%;
}

.cs_wide_box ul li .inner {
  margin: 0 0 0 30px;
  background: #fff;
  transition: 0.4s ease;
  padding: 50px 0 45px;
  text-align: center;
  height: 443px;
  box-sizing: border-box;
}

.cs_wide_box ul li .inner.point {
  background: #c30e2e;
  color: #fff;
}

.cs_wide_box ul li .inner.point .tit,
.cs_wide_box ul li .inner.point a {
  color: #fff;
}

.cs_wide_box ul li .inner.point .icon {
  margin: 30px 0 20px;
}

.cs_wide_box ul li .inner.cursor {
  cursor: pointer;
}

.cs_wide_box ul li .inner .tit {
  font-size: 24px;
  color: #222;
  font-weight: 900;
}

.cs_wide_box ul li .inner .icon {
  display: inline-block;
  margin: 70px 0;
}

.cs_wide_box ul li .inner .tel {
  font-size: 45px;
  font-weight: 700;
}

.cs_wide_box ul li .inner .mail {
  font-size: 14px;
}

.cs_wide_box ul li .inner .squ_sm {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #fff;
  margin: 15px 0 13px;
}

.cs_wide_box ul li .inner .txt {
  font-size: 17px;
}

.l_tit {
  margin-top: 60px;
  font-size: 28px;
  color: #2c2c2c;
  font-weight: 900;
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  margin-bottom: 30px;
}

.l_tit.b_n {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 10px;
  font-size: 24px;
}

.l_tit.mb0 {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
  line-height: 1;
}

.cs_conf {
  margin-left: -20px;
}

.cs_conf span {
  display: inline-block;
}

.cs_conf span .tt {
  font-size: 18px;
  font-weight: 700;
  color: #2c2c2c;
  width: 75px;
  display: inline-block;
  margin-left: 20px;
}

.cs_conf span .input_st {
  width: 250px;
  height: 60px;
  font-size: 17px;
}

.cs_conf .btn_inc {
  float: right;
  width: 150px;
}

.cs_way .tt {
  font-size: 20px;
  font-weight: 900;
  color: #2c2c2c;
  margin-bottom: 15px;
}

.cs_way .txt {
  font-size: 17px;
  color: #333;
  margin-bottom: 50px;
}

.as_btn_box {
  padding: 20px;
  border: 1px solid #ccc;
}

.as_btn_box .txt {
  float: left;
  line-height: 60px;
  font-size: 17px;
  color: #777;
  padding-left: 35px;
  background: url(../images/sub/as_txt_icon.png) no-repeat left center;
}

.as_btn_box .btn_inc {
  float: right;
  width: 150px;
}

.top_tit {
  font-size: 24px;
  color: #2c2c2c;
  font-weight: 900;
  margin-bottom: 10px;
}

.mid_tit {
  font-size: 20px;
  color: #2c2c2c;
  font-weight: 900;
  margin-bottom: 10px;
}

.bot_tit {
  font-size: 17px;
  color: #2c2c2c;
  font-weight: 700;
  margin-bottom: 10px;
}

.top_txt {
  font-size: 17px;
  color: #333;
  margin-bottom: 30px;
}

.top_txt.mt {
  margin-top: 40px;
  font-weight: 700;
}

.mid_txt {
  font-size: 17px;
  color: #555;
  line-height: 1.7;
}

.mid_txt .c_blue {
  color: #01579b;
  border-bottom: 1px solid #01579b;
}

.mid_txt.mb {
  margin-bottom: 20px;
}

.mid_txt strong {
  font-size: 20px;
  font-weight: 700;
  color: #2c2c2c;
  display: inline-block;
  vertical-align: top;
  line-height: 30px;
}

.mid_txt span.txt {
  display: inline-block;
  vertical-align: top;
  line-height: 30px;
}

.sub_ul li {
  font-size: 17px;
  color: #333;
  padding-left: 15px;
  position: relative;
  margin-bottom: 10px;
  line-height: 1.5;
}

.sub_ul li:before {
  content: "";
  width: 7px;
  height: 1px;
  background: #555;
  position: absolute;
  left: 0;
  top: 10px;
}

.sub_ul.st2 li {
  margin-bottom: 3px;
}

.map_api .wrap_controllers {
  display: none !important;
}

.map_api .customoverlay {
  position: relative;
  width: 200px;
}

.map_api .customoverlay span {
  display: block;
  text-align: center;
  border: 1px solid #c30e2e;
  background: #fff;
  padding: 7px 20px;
  position: absolute;
  left: 50%;
  width: 150px;
  box-sizing: border-box;
  margin-left: -80px;
  bottom: 85px;
}

.map_api .customoverlay span:before {
  content: "";
  width: 15px;
  height: 15px;
  background: #fff;
  border: 1px solid #c30e2e;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  position: absolute;
  bottom: -9px;
  left: 50%;
  margin-left: -7px;
  border-left: 0;
  border-top: 0;
}

.store_table {
  /*margin-top: 30px;*/
  margin:45px 0 60px;
  /*border-bottom: 1px solid #ddd;*/
}

.store_table .tr {
  border-bottom: 1px solid #ddd;
}

.store_table .tr .item {
  cursor: pointer;
  padding-right: 70px;
  background-repeat: no-repeat;
  background-position: center right 25px;
  background-image: url(../images/icon/arc_down.png);
  padding: 20px 25px;
  box-sizing: border-box;
}

.store_table .tr .item.selected {
  background-image: url(../images/icon/arc_up.png);
}

.store_table .tr .item > div {
  display: inline-block;
  vertical-align: top;
}

.store_table .tr .item > div.col_tit {
  width: 280px;
  margin-right: 30px;
}

.store_table .tr .item > div.col_info {
  width: 800px;
}

.store_table .tr .item .tit_b {
  font-size: 18px;
  font-weight: 700;
  color: #222;
}

.store_table .tr .item .store_icon {
  margin-top: 10px;
}

.store_table .tr .item .store_icon span {
  display: inline-block;
  margin-right: 4px;
  width: 30px;
  height: 30px;
  background-image: url(../images/icon/store_icon.png);
}

.store_table .tr .item .store_icon span.icon1 {
  background-position-x: 0;
}

.store_table .tr .item .store_icon span.icon2 {
  background-position-x: 30px;
}

.store_table .tr .item .store_icon span.icon3 {
  background-position-x: 60px;
}

.store_table .tr .item .store_icon span.icon4 {
  background-position-x: 90px;
}

.store_table .tr .item .add {
  margin-bottom: 20px;
}

.store_table .tr .con {
  display: none;
  position: relative;
  padding: 0 25px 20px 25px;
}

.store_table .tr .con .wrap > div {
  display: inline-block;
  vertical-align: top;
}

.store_table .tr .con .wrap > div.img {
  width: 280px;
  margin-right: 30px;
}

.store_table .tr .con .wrap > div.txt {
  width: 800px;
}

.store_table .tr .con .wrap > div.txt .des {
  font-size: 15px;
  color: #666;
  line-height: 25px;
  height: 125px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.store_table .tr .call,
.store_table .tr .go_map {
  display: inline-block;
  font-size: 15px;
  height: 44px;
  line-height: 44px;
  -webkit-border-radius: 44px;
  -moz-border-radius: 44px;
  -ms-border-radius: 44px;
  -o-border-radius: 44px;
  border-radius: 44px;
  box-sizing: content-box;
  border-style: solid;
  border-width: 1px;
  border-color: #c30e2e;
  color: #c30e2e;
  padding: 0 23px;
}

.store_table .tr .call {
  cursor: default;
  width: 180px;
  padding: 0 0 0 20px;
}

.store_table .tr .call:before {
  content: '';
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/icon/call_i.png);
  height: 14px;
  width: 14px;
  background-size: 14px;
  margin-right: 7px;
  vertical-align: middle;
}

.store_table .tr .go_map {
  position: absolute;
  top: -66px;
  left: 555px;
}

.store_table .tr .go_map:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-image: url(../images/icon/link_i.png);
  width: 25px;
  height: 11px;
  margin-left: 7px;
}

.iaq_introd_wrap {
  text-align: center;
}

.iaq_introd_wrap .title_icon {
  display: inline-block;
  margin-bottom: 22px;
}

.iaq_introd_wrap .title {
  font-size: 28px;
  color: #2c2c2c;
  font-weight: 900;
}

.iaq_introd_wrap .introd {
  font-size: 20px;
  font-weight: 700;
  color: #2c2c2c;
  margin: 20px 0;
}

.iaq_introd_wrap .introd.st2 {
  margin-top: 0;
}

.iaq_introd_wrap .introd .point {
  color: #c30e2e;
}

.iaq_introd_wrap .txt {
  color: #555;
  font-size: 17px;
  line-height: 1.5;
  margin-bottom: 50px;
}

.iaq_introd_wrap .ver_mid {
  display: inline-block;
  margin: 0 25px;
}

.iaq_introd_wrap .bor_bx {
  border-top: 1px solid #d6d6d6;
  padding-top: 50px;
  margin-top: 60px;
}

.iaq_introd_wrap .introd_bx {
  font-size: 17px;
  line-height: 1.5;
  color: #555;
  background: #f0f0f0;
  padding: 30px;
  display: inline-block;
  margin: 30px 0;
  letter-spacing: -0.5px;
}

.iaq_introd_wrap .introd_bx.wide {
  display: block;
}

.iaq_introd_wrap .introd_bx .point {
  color: #c30e2e;
}

.iaq_introd_wrap .introd_bx .gray {
  color: #999;
}

.iaq_introd_wrap .title2 {
  color: #2c2c2c;
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
  margin: 30px 0 50px;
}

.iaq_introd_wrap .title2 span {
  color: #999;
  font-size: 17px;
  font-weight: 400;
}

.iaq_introd_wrap .title2 .point {
  color: #c30e2e;
  font-size: 28px;
  font-weight: 700;
}

.iaq_introd_wrap .imgbx {
  margin-bottom: 30px;
}

.iaq_introd_wrap .iaq_ul {
  overflow: hidden;
  margin: 0 -30px 0 0;
}

.iaq_introd_wrap .iaq_ul li {
  float: left;
  width: 33.33%;
}

.iaq_introd_wrap .iaq_ul li .inner {
  margin: 0 30px 0 0;
  text-align: center;
}

.iaq_introd_wrap .iaq_ul li .inner p {
  font-size: 20px;
  font-weight: 700;
  color: #2c2c2c;
  margin-top: 15px;
}

.iaq_introd_wrap .tblbx {
  margin-top: 30px;
}

.iaq_introd_wrap .tblbx .title2 {
  margin: 0 0 15px;
}

.iaq_introd_wrap .tblbx .txt {
  margin-bottom: 30px;
}

.iaq_introd_wrap .tblbx .imgtbl {
  width: 1020px;
  margin: 0 auto;
}

.iaq_introd_wrap .tblbx .imgtbl .tbl_st.right {
  width: 680px;
}

.iaq_introd_wrap .iaqlist {
  overflow: hidden;
  margin-top: 20px;
}

.iaq_introd_wrap .iaqlist .item {
  float: left;
  width: 600px;
  text-align: left;
  margin: 20px 0;
  height: 135px;
}

.iaq_introd_wrap .iaqlist .item .img {
  display: inline-block;
  vertical-align: top;
  width: 140px;
}

.iaq_introd_wrap .iaqlist .item .tbox {
  display: inline-block;
  vertical-align: top;
  width: 420px;
}

.iaq_introd_wrap .iaqlist .item .tbox .tt {
  font-size: 20px;
  font-weight: 700;
  color: #2c2c2c;
  margin-bottom: 5px;
}

.iaq_introd_wrap .iaqlist .item .tbox .txt1 {
  color: #555;
  font-size: 17px;
  padding-left: 10px;
  position: relative;
  letter-spacing: -0.3px;
}

.iaq_introd_wrap .iaqlist .item .tbox .txt1:before {
  content: "";
  width: 7px;
  height: 1px;
  background: #555;
  position: absolute;
  left: 0;
  top: 10px;
}

.tbl_st {
  table-layout: fixed;
  width: 100%;
}

.tbl_st thead th {
  color: #2c2c2c;
  font-size: 18px;
  font-weight: 900;
  border: 1px solid #ddd;
  border-top: 1px solid #222;
  border-left: none;
  padding: 18px 0 15px;
}

.tbl_st thead th.bg {
  background: #f7f7f7;
  font-size: 20px;
  font-weight: 700;
  padding: 20px 0 18px;
}

.tbl_st tbody th {
  color: #2c2c2c;
  font-size: 18px;
  font-weight: 900;
  padding: 16px 0 14px;
  border: 1px solid #ddd;
  border-left: none;
  background: #f7f7f7;
  border-right: 0;
}

.tbl_st tbody td {
  color: #555;
  font-size: 17px;
  padding: 16px 20px 14px;
  border: 1px solid #ddd;
  border-left: none;
}

.tbl_st .c_blue {
  color: #01579b;
  border-bottom: 1px solid #01579b;
}

.tbl_st .bor_t {
  border-top: 1px solid #222;
}

.tbl_st .last {
  border-right: none;
}


.tbl_st2 {
	table-layout: fixed;
	width: 100%;
	font-size:17px;
}
.tbl_st2 thead th {
	text-align:center;
	font-size:18px;
	font-weight:700;
	padding:15px 10px;
	color:#c30e2e;
	border:1px solid #ddd;
}
.tbl_st2 thead th.bg {
	font-size:20px;
	background:#c30e2e;
	color:#fff;
}
.tbl_st2 tbody th {
	padding:15px 5px;
	text-align:center;
	border:1px solid #ddd;
	font-weight:700;
}
.tbl_st2 tbody td {
	padding:15px 10px;
	border:1px solid #ddd;
}



.agree_wrap {
  border: 1px solid #ddd;
  border-top: 2px solid #c30e2e;
  padding: 40px;
  height: 300px;
}

.agree_tbox {
  line-height: 1.6;
}

.agree_tbox .tit {
  font-size: 17px;
  color: #222;
  font-weight: 500;
  margin: 35px 0 15px;
}

.agree_tbox .tit:first-child {
  margin-top: 0;
}

.agree_tbox .txt {
  font-size: 15px;
  color: #555;
}

.agree_area label {
  margin-top: 20px;
  color: #222;
  font-size: 17px;
}

.tbl_box {
  position: relative;
}

.tbl_box .tbl_p {
  color: #666;
  position: absolute;
  right: 0;
  top: -30px;
  font-size: 17px;
}

.share-wrap {
  margin-bottom: 20px;
}

.share-wrap ul {
  overflow: hidden;
  font-size: 0;
  text-align: right;
}

.share-wrap ul li {
  display: inline-block;
  margin-left: 7px;
}

.share-wrap ul li a {
  display: block;
  width: 34px;
  height: 34px;
  background: #999;
  border-radius: 35px;
  text-align: center;
}

.share-wrap ul li:hover a {
  background: #c30e2e;
}

.list_prod {
  overflow: hidden;
  margin: 0 0 -30px -30px;
}

.list_prod > li {
  float: left;
  width: 25%;
}

.list_prod > li .inner {
  margin: 1px 0 30px 30px;
  border: 1px solid #ddd;
  transition: 0.3s ease;
  position: relative;
  box-sizing: border-box;
}

.list_prod > li .inner:before {
  content: "";
  position: absolute;
  left: -2px;
  top: -2px;
  bottom: -2px;
  right: -2px;
  box-sizing: border-box;
  border: 2px solid #c30e2e;
  opacity: 0;
  transition: 0.3s;
}

.list_prod > li .inner .pic {
  position: relative;
  z-index: 1;
  cursor: pointer;
  overflow: hidden;
}

.list_prod > li .inner .pic .img_src {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
  transition: 0.5s ease;
  overflow: hidden;
  background-size:cover;
}

.list_prod > li .inner .info {
  padding: 25px;
  position: relative;
  z-index: 1;
  text-align: left;
}

.list_prod > li .inner .info .title a {
  font-weight: 700;
  font-size: 18px;
  /*margin-bottom: 12px;*/
  color: #222;
  display: block;
  line-height: 27px;
  height:27px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.list_prod > li .inner .info .title a:hover {
  text-decoration: underline;
}

.list_prod > li .inner .info .info_txt {
  /*padding-bottom: 20px;*/
  font-size: 15px;
  color: #444;
  position: relative;
  height: 66px;
  line-height: 22px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display:none;
  /*li {
            padding-left:12px;
            font-size:15px;
            color:#444;
            position:relative;
            line-height:22px;
            height:22px;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            &:before {
              content:"";
              width:5px;
              height:1px;
              background:#777;
              position:absolute;
              left:0;
              top:10px;
            }
          }*/
}

.list_prod > li .inner .info .btn_area {
  text-align: center;
  padding-top: 20px;
  border-top: 1px solid #ddd;
}

.list_prod > li .inner .info .btn_area .btn_inc {
  background: #fff;
  color: #666;
  border-color: #ccc;
}

.list_prod > li .inner .btn_area.del {
  height: 56px;
}

.list_prod > li .inner .btn_area.del .btn_inc {
  width: 100%;
  font-size: 14px;
  height: 56px;
  line-height: 56px;
  background: #fff;
  color: #2c2c2c;
  border: none;
  border-top: 1px solid #ddd;
  transition: 0.3s;
}

.list_prod > li .inner .btn_area.del .btn_inc .trash {
  display: inline-block;
  transition: 0.3s;
  vertical-align: middle;
  margin-right: 8px;
  width: 14px;
  height: 17px;
  background: url(../images/icon/trash_i.png) no-repeat center;
}

.list_prod > li .inner .btn_area.del .btn_inc:hover {
  background: #c30e2e;
  color: #fff;
}

.list_prod > li .inner .btn_area.del .btn_inc:hover .trash {
  background: url(../images/icon/trash_i_w.png) no-repeat center;
}

.list_prod > li .inner .certi_icon_area {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 10;
}

.list_prod > li .inner .certi_icon_area p {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 36px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
}

.list_prod > li .inner .certi_icon_area p.eff {
  background-image: url(../images/icon/certi_icon_e.png);
}

.list_prod > li .inner .certi_icon_area p.pat {
  background-image: url(../images/icon/certi_icon_p.png);
}

.list_prod > li .inner .certi_icon_area p.des {
  background-image: url(../images/icon/certi_icon_d.png);
}

.list_prod > li .inner.on:before {
  opacity: 1;
}

.list_prod > li .inner.on .info .btn_area .btn_inc {
  color: #fff;
  background: #c30e2e;
  border-color: #c30e2e;
}

.list_prod > li .inner:hover {
  border-color:#c30e2e;
}

/*.list_prod > li .inner:hover .pic .img_src {
  transform: scale(1.1);
}*/

.list_prod.comp li .inner:before {
  display: none;
}

.list_gall {
  overflow: hidden;
  margin: 0 0 -30px -30px;
}

.list_gall li {
  float: left;
  width: 25%;
}

.list_gall li .inner {
  margin: 0 0 30px 30px;
  border: 2px solid transparent;
  transition: 0.3s ease;
  position: relative;
  cursor: pointer;
}

.list_gall li .inner .pic {
  border: 1px solid #ddd;
  overflow: hidden;
  position: relative;
}

.list_gall li .inner .pic .img_src {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: 0.5s ease;
  overflow: hidden;
}

.list_gall li .inner .pic.st2 .img_src {
  padding-bottom: 56%;
}

.list_gall li .inner .info {
  padding: 25px 10px;
  text-align: center;
  border: 1px solid #ddd;
}

.list_gall li .inner .info .title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 700;
  font-size: 17px;
  margin-bottom: 12px;
  color: #222;
}

.list_gall li .inner .info .date {
  font-size: 14px;
  color: #888;
}

.list_gall li .inner .info .date .point {
  color: #c30e2e;
}

.list_gall li .inner .deadline_icon {
  display: none;
  width: 60px;
  height: 60px;
  border-radius: 60px;
  line-height: 60px;
  color: #fff;
  font-weight: 700;
  font-size: 17px;
  background: rgba(0, 0, 0, 0.2);
  text-align: center;
  position: absolute;
  right: 10px;
  top: 10px;
}

.list_gall li .inner:hover {
  border-color: #c30e2e;
}

.list_gall li .inner:hover .pic .img_src {
  transform: scale(1.1, 1.1);
}

.list_gall li.deadline .deadline_icon {
  display: block;
}

.list_gall.place .inner .info .title {
  margin-bottom: 0;
}

.list_catalog {
  overflow: hidden;
  margin: 0 0 -30px -30px;
}

.list_catalog li {
  float: left;
  width: 25%;
}

.list_catalog li .inner {
  margin: 0 0 30px 30px;
  border: 1px solid #ddd;
  position: relative;
}

.list_catalog li .inner .pic {
  overflow: hidden;
  position: relative;
}

.list_catalog li .inner .pic .img_src {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 142%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: 0.5s ease;
  overflow: hidden;
}

.list_catalog li .inner .info {
  text-align: center;
}

.list_catalog li .inner .info .title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 700;
  font-size: 18px;
  color: #222;
  padding: 20px 10px;
}

.list_catalog li .inner .info .cat_btn_box {
  overflow: hidden;
}

.list_catalog li .inner .info .cat_btn_box a {
  border-top: 1px solid #ddd;
  display: block;
  float: left;
  width: 50%;
  height: 55px;
  line-height: 55px;
  font-size: 15px;
  box-sizing: border-box;
  color: #333;
}

.list_catalog li .inner .info .cat_btn_box a.view {
  border-right: 1px solid #ddd;
}

.list_catalog li .inner .info .cat_btn_box a .xi {
  font-size: 18px;
  vertical-align: text-bottom;
}

.list_catalog li .inner .info .cat_btn_box a:hover {
  background: #c30e2e;
  border-color: #c30e2e;
  color: #fff;
}

.blog-review-box {
  padding: 30px 0;
  text-align: center;
  border-top: 1px solid #222;
  border-bottom: 1px solid #ddd;
}

.prod_view_wrap .top_area {
  overflow: hidden;
}

.prod_view_wrap .top_area .img_area {
  float: left;
  width: 42%;
  max-width: 502px;
}

.prod_view_wrap .top_area .img_area .big-img {
  box-sizing: border-box;
  border: 1px solid #ddd;
  overflow: hidden;
  position:relative;
}
.prod_view_wrap .top_area .img_area .big-img .soldout_bx {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.5);
}
.prod_view_wrap .top_area .img_area .big-img .soldout_bx p {
	display:block;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	color:#fff;
	border:2px solid #fff;
	border-radius:5px;
	padding:5px 15px;
	font-size:20px;
	font-weight:700;
}

.prod_view_wrap .top_area .img_area .thum-img {
  margin: 10px 0 0 -10px;
  overflow: hidden;
}

.prod_view_wrap .top_area .img_area .thum-img li {
  float: left;
  width: 20%;
}

.prod_view_wrap .top_area .img_area .thum-img li a {
  display: block;
  margin: 0 0 0 10px;
  border: 1px solid transparent;
  transition: 0.3s;
}

.prod_view_wrap .top_area .img_area .thum-img li a.on {
  border-color: #111;
}

.prod_view_wrap .top_area .info_area {
  float: right;
  width: 50%;
}

.prod_view_wrap .top_area .info_area .icon_area .certi {
  display: inline-block;
  vertical-align:middle;
  margin-right:2px;
  width: 35px;
  height: 35px;
  border-radius: 35px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center;
}

.prod_view_wrap .top_area .info_area .icon_area .certi.design {
  background-image: url(../images/icon/certi_icon_d.png);
}

.prod_view_wrap .top_area .info_area .icon_area .certi.eff {
  background-image: url(../images/icon/certi_icon_e.png);
}

.prod_view_wrap .top_area .info_area .icon_area .certi.pat {
  background-image: url(../images/icon/certi_icon_p.png);
}

.prod_view_wrap .top_area .info_area .prod_name {
  color: #2c2c2c;
  font-size: 30px;
  font-weight: 700;
  margin: 5px 0 40px;
}

.prod_view_wrap .top_area .info_area .prod_char {
  padding: 30px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.prod_view_wrap .top_area .info_area .prod_char li {
  position: relative;
  font-size: 17px;
  color: #555;
  margin: 5px 0;
}

.prod_view_wrap .top_area .info_area .prod_char li.tt {
  font-size: 20px;
  color: #2c2c2c;
  font-weight: 700;
  padding-left: 0;
  margin-bottom: 7px;
  margin-top: 20px;
}

.prod_view_wrap .top_area .info_area .prod_char li.tt:first-of-type {
  margin-top: 0;
}

.prod_view_wrap .top_area .info_area .prod_char li.tt:before {
  display: none;
}

.prod_view_wrap .top_area .info_area .prod_char .txt {
  line-height: 1.7;
  font-size: 17px;
  color: #555;
  margin: 5px 0;
}

.prod_view_wrap .top_area .info_area .prod_char .txt .tt {
  font-size: 20px;
  color: #2c2c2c;
  font-weight: 700;
}

.prod_view_wrap .top_area .info_area .btn_area {
  margin-top: 45px;
}

.prod_view_wrap .top_area .info_area .btn_area .btn_inc {
  margin-right: 5px;
}

.prod_view_wrap .top_area .info_area .btn_area .btn_inc i {
  margin-right: 7px;
}

.prod_view_wrap .model_info {
  margin-top: 60px;
}

.prod_view_wrap .model_info .tab {
  padding:1px 1px 0 0;
  border:none;
}

.prod_view_wrap .model_info .tab li {
  float:left;
  width:14.28%;
}

.prod_view_wrap .model_info .tab li a {
  display:block;
  line-height:60px;
  text-align:center;
  background:#fff;
  color:#555;
  border:1px solid #ddd;
  margin:-1px -1px 0 0;
  position:relative;
  font-size:18px;
}

.prod_view_wrap .model_info .tab li a.on {
  background:#c30e2e;
  border-color:#c30e2e;
  color:#fff;
  z-index:1;
}

.prod_view_wrap .model_info .tab-content {
  padding:30px 0;
}


.prod_view_wrap .model_info ul {
  border-bottom: 1px solid #ccc;
}

.prod_view_wrap .model_info ul li .title a {
  display: block;
  padding: 0 20px;
  height: 60px;
  line-height: 60px;
  font-weight: 700;
  font-size: 20px;
  color: #2c2c2c;
  background: #fff url(../images/icon/faq_plus.png) no-repeat right 20px center;
  border: 1px solid #ccc;
  border-bottom: none;
}

.prod_view_wrap .model_info ul li .title a.select {
  background: #333 url(../images/icon/faq_min2.png) no-repeat right 20px center;
  color: #fff;
  border-color: #333;
}

.prod_view_wrap .model_info ul li .cont .cont_txt {
  border: 1px solid #ccc;
  border-bottom: none;
  padding: 20px;
}

.prod_view_wrap .model_noti {
  padding: 15px 0 45px;
  font-size: 17px;
  text-align: right;
  color: #c30e2e;
  letter-spacing: -0.5px;
}

.prod_view_wrap .model_noti .info {
  display: inline-block;
  background: #c30e2e;
  width: 26px;
  height: 26px;
  border-radius: 26px;
  color: #fff;
  text-align: center;
  font-size: 17px;
  line-height: 27px;
  font-weight: 700;
  margin-right: 7px;
}

.prod_view_wrap .detail_wrap {
  margin-top: 80px;
}

.prod_view_wrap .detail_wrap .tt {
  font-weight: 700;
  width: 240px;
  display: inline-block;
  height: 48px;
  line-height: 48px;
  border: 1px solid #ccc;
  border-bottom: 1px solid #fff;
  text-align: center;
  color: #2c2c2c;
  font-size: 17px;
}

.prod_view_wrap .detail_wrap .detail {
  margin-top: -1px;
  border-top: 1px solid #ccc;
  padding: 80px 0;
  text-align: center;
}

.prod_view_wrap .detail_wrap .list_prod .info {
  padding: 20px;
}

.prod_view_wrap .detail_wrap .list_prod .info .title a {
  margin-bottom: 0;
  height: 27px;
  -webkit-line-clamp: 1;
}

.model_tbl {
  width: 100%;
  table-layout: fixed;
}

.model_tbl thead th {
  font-size: 17px;
  font-weight: 700;
  color: #222;
  padding: 13px 0;
  text-align: center;
  border: 1px solid #ccc;
  border-top: none;
}

.model_tbl thead th.bg1 {
  background: #f7f7f7;
}

.model_tbl tbody th {
  background: #f7f7f7;
}

.model_tbl tbody th, .model_tbl tbody td {
  color: #555;
  font-size: 17px;
  padding: 13px 0;
  text-align: center;
  border: 1px solid #ccc;
  /*border-bottom: none;*/
}

.model_tbl.small {
  border-bottom: 1px solid #ccc;
}

.model_tbl.small th, .model_tbl.small td {
  padding: 10px 0;
  font-size: 15px;
}

.model_tbl.small th.text_left, .model_tbl.small td.text_left {
  padding-left: 20px;
}

.comp_wrap .list_prod > li .inner .info_txt {
  padding-bottom: 0;
}

.comp_wrap .list_prod > li.comp_title .inner {
  background: #9b9193;
  color: #fff;
  font-size: 24px;
  font-weight: 900;
  text-align: center;
  border: none;
  height: 517px;
}

.comp_wrap .list_prod > li.comp_title .inner .icon {
  margin-bottom: 20px;
}

.comp_wrap .list_prod > li.plus .inner {
  height: 517px;
  border: none;
  text-align: center;
}

.comp_wrap .list_prod > li.plus .inner .comp_plus_btn {
  display: inline-block;
  width: 140px;
  height: 140px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.comp_wrap .list_prod > li.plus .inner .comp_plus_btn .xi {
  color: #b1b1b1;
  font-size: 55px;
  line-height: 140px;
  vertical-align: middle;
}

#side_quick {
  position: fixed;
  top: 50%;
  right: 0;
  margin-top: -213px;
  z-index: 10;
  box-shadow: -4px -4px 8px rgba(0, 0, 0, 0.2);
  width: 92px;
}

#side_quick ul {
  background: linear-gradient(to top, #eee, #fff);
}

#side_quick ul li a {
  display: block;
  width: 100%;
  padding: 35px 5px;
  text-align: center;
  font-size: 0.875em;
  color: #666;
  position: relative;
  box-sizing: border-box;
}

#side_quick ul li a .icon {
  display: block;
  width: 100%;
  margin-bottom: 5px;
  color: #fff;
  font-size: 0.875em;
}

#side_quick ul li a:before {
  content: "";
  width: 10px;
  height: 1px;
  background: #999;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -5px;
}

#side_quick ul li a:hover {
  color: #111;
  text-decoration: underline !important;
}

#side_quick ul li:last-child a:before {
  display: none;
}

#side_quick .btn {
  display: block;
  width: 100%;
  padding: 15px 5px 10px;
  background-color: #c30e2e;
  text-align: center;
  color: #fff;
  box-sizing: border-box;
}

#frame_01 {
  width: 100%;
  height: auto !important;
  min-height: 3000px;
}

.pop-con {
  background: #fff;
}

.pop-con.manual {
  width: 600px;
}

.pop-con.manual .top_tit {
  margin-bottom: 20px;
}

.pop-con.manual .popBody {
  padding: 40px 0;
  border-top: 1px solid #222;
  border-bottom: 1px solid #ddd;
}

.pop-con.manual .popBody .txt {
  display: inline-block;
  padding-left: 27px;
  font-size: 16px;
  color: #888;
  line-height: 20px;
  background: url(../images/icon/manualPop_icon.gif) no-repeat 0 50%;
  margin-top: 40px;
}

.pop-con.manual .btnArea {
  margin-top: 40px;
}


/* 190604 제품 인덱스 페이지 추가 */
.prod_index_wrap {
	overflow:hidden;
	margin:0 0 0 -2px;
}
.prod_index_wrap .item {
	float:left;
	width:50%;
}
.prod_index_wrap .item .inner {
	display:block;
	margin:0 0 0 2px;
	position:relative;
	text-align:center;
	overflow:hidden;
}
.prod_index_wrap .item .inner > img {
	transition:0.4s ease;
}
.prod_index_wrap .item .inner:hover > img {
	transform:scale(1.08);
	-moz-transform:scale(1.08);
	-ms-transform:scale(1.08);
	-o-transform:scale(1.08);
}
.prod_index_wrap .item .inner .tbox {
	color:#fff;
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
}
.prod_index_wrap .item .inner .tbox .tt {
	margin-top:30px;
	font-size:40px;
	font-weight:300;
}
.prod_index_wrap .item .inner .tbox .tt strong {
	font-weight:600;
}
.prod_index_wrap .item .inner .tbox .txt {
	font-size:15px;
	margin:5px 0 25px;
}
.prod_index_wrap .item .inner .tbox .xi {
	font-size:37px;
}



/* 2019-09-23 yoosb */
.list_prod > li .inner .pic .status_bx {
	position:absolute;
	left:25px;
	bottom:0;
}
.list_prod > li .inner .pic .status_bx span {
	display:inline-block;
	font-size:10px;
	color:#fff;
	font-weight:700;
	padding:0 7px;
	background:#e71339;
	border-radius:3px;
	height:20px;
	line-height:20px;
}
.list_prod > li .inner .pic .status_bx span.new {
	background:#ff5c62;
}
.list_prod > li .inner .pic .soldout_bx {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.5);
}
.list_prod > li .inner .pic .soldout_bx p {
	display:block;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	color:#fff;
	border:2px solid #fff;
	border-radius:5px;
	padding:5px 15px;
	font-size:20px;
	font-weight:700;
}

.prod_view_wrap .top_area .info_area .status_i {
	display:inline-block;
	vertical-align:middle;
	font-size:10px;
	color:#fff;
	font-weight:700;
	padding:0 7px;
	background:#e71339;
	border-radius:3px;
	height:20px;
	line-height:20px;
	margin-right:2px;
}
.prod_view_wrap .top_area .info_area .status_i.new {
	background:#ff5c62;
}

.prod_view_wrap .detail_wrap .detail img {
	height:auto !important;
}